 <script>
 $(document).ready(function(){
	
	 $('#myCarousel').carousel('pause');
	 })
 
 </script>

 <div id="myCarousel" class="carousel slide mainContainer hidden-xs" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li> 
        <li data-target="#myCarousel" data-slide-to="2"></li> 
        <li data-target="#myCarousel" data-slide-to="3"></li> 
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="<?=base_url()?>../resources/be_nl/imgs/slides/yuhua.jpg" alt="First slide">
          <div class="container">
            <div class="carousel-caption">
              <h3><span class="text-pink">Direct imports of Chinese use decorative items</h3>
              <p class="hidden-sm">Door de eigen import kunnen we U de beste kwaliteit aan aantrekkelijke prijzen verzekeren.</p>
              <p><a class="btn btn-sm  btn-pink" href="<?=site_url('aboutus')?>" role="button">read more</a></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="<?=base_url()?>../resources/be_nl/imgs/slides/slide2.jpg" alt="Second slide">
          <div class="container">
            <div class="carousel-caption">
              <h2><span class="text-pink">Umbrellas</span></h2>
              <p class="hidden-sm">in verschillende groottes en vormen. Zowel voor vrouwen als mannen.</p>
              <p><a class="btn btn-sm btn-pink" href="#" role="button">view products</a></p>
            </div>
          </div>
        </div>
		<div class="item">
          <img src="<?=base_url()?>../resources/be_nl/imgs/slides/slide3.jpg" alt="Second slide">
          <div class="container">
            <div class="carousel-caption">
              <h2><span class="text-pink">Shoes for men and women</span></h2>
              <p class="hidden-sm">verschillende modellen, zowel modieus als sportief.</p>
              <p><a class="btn btn-sm btn-pink" href="#" role="button">view products</a></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="<?=base_url()?>../resources/be_nl/imgs/slides/slide4.jpg" alt="Second slide">
          <div class="container">
            <div class="carousel-caption">
              <h2><span class="text-pink">Socks</span></h2>
              <p class="hidden-sm">alle maten, kleuren en tekeningen.</p>
              <p><a class="btn btn-sm btn-pink" href="#" role="button">view products</a></p>
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
      
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        
      </a>
    </div><!-- /.carousel -->
<!-- .container -->
<div class="container">

	<div class="col-lg-3 catlist">
		<div class="panel">
  		<div class="panel-heading panel-pink">
    		<h3 class="panel-title text-center">Categories</h3>
  		</div>
 		<div class="panel-body">
 			<div class="navbar-default sidebar" role="navigation">
                <div class="sidebar-nav navbar-collapse">
                    <ul class="nav" id="side-menu">
							<?php foreach ($category as $c):?>
                        <li <?php if($c->id == $this->uri->segment(3)){?>class="active"<?php }?>>
                           <?php if(!$c->children):?>
                            <a href="<?=site_url()?>categories/view/<?=$c->id?>/<?=$c->friendly_url_en?>"><?=$c->name_en?></a>
                           <?php endif;?>
                            <?php if($c->children):?>
                             <a href="#"><?=$c->name_en?> <span class="fa arrow"></span></a>
                            	<ul class="nav nav-second-level">
                            	<?php foreach ($c->children as $sub):?>
                                <li <?php if($sub->id == $this->uri->segment(3)){?>class="active"<?php }?>>
                                    <?php if(!$sub->children):?>
                                    <a href="<?=site_url()?>categories/view/<?=$sub->id?>/<?=$sub->friendly_url_en?>"><?=$sub->name_en?></a>
                                    <?php endif;?>
                                    <?php if($sub->children):?>
                                    <a href="#"><?=$sub->name_en?> <span class="fa arrow"></span></a>
                                    	 <ul class="nav nav-third-level">
                                    	 <?php foreach ($sub->children as $th):?>
                                        <li <?php if($th->id == $this->uri->segment(3)){?>class="active"<?php }?>>
                                            <a href="#"><?=$th->name_en?></a>
                                        </li>
                                        <?php endforeach;?>
                                    </ul>
                                    <!-- /.nav-third-level -->
                                    <?php endif;?>
                                </li>
                                <?php endforeach;?>
                            </ul>
                            <?php endif;?>
                        </li>
                        	<?php endforeach;?>                                                                                             
                    </ul>
                </div>
                <!-- /.sidebar-collapse -->
            </div>
            <!-- /.navbar-static-side -->
  		</div>
		</div>
	</div>
	
			<div class="col-lg-9 catThumbs">
		<div class="row">
			<?php if(!$newProducts){?>
  	<div class="alert alert-pink" role="alert">There are no products ....</div>
  		<?php }else{?>
		<?php foreach ($newProducts as $p):?>
  <div class="col-xs-3 post-box">
  
  
    <div class="thumbnail">
    <?php if($p->thumb){?>
      <a href="<?=site_url()?>categories/viewProduct/<?=$p->category->id?>/<?=$p->category->friendly_url_en?>/<?=$p->id?>"><img src="<?=base_url()?>../uploads/thumbs/<?=$p->thumb?>" alt=""></a>
     <?php }else{?>
      <a href="<?=site_url()?>categories/viewProduct/<?=$p->category->id?>/<?=$p->category->friendly_url_en?>/<?=$p->id?>"><img src="<?=base_url()?>../uploads/no-image.png" alt=""></a>
     <?php }?>
     <?php if($p->sale_status){?>
     <div class="sale">
     	- <?=$p->sale_percent?> %
     </div>
     <?php }?>
      <div class="caption text-center">
        <h4><?=$p->name_en?></h4>
        <a href="<?=site_url()?>categories/viewProduct/<?=$p->category->id?>/<?=$p->category->friendly_url_en?>/<?=$p->id?>" class="btn btn-pink btn-xs">Detail</a>
      </div>
    </div>
 
  </div>
  <?php endforeach;?>
     <?php }?>
</div>
	
	</div>

</div>